@import "../../styles/share";

.MANGLE__1234567890{
  @apply text-red-500;
}

.MANGLE__qwertyuiopasdfghjklzxcvbnm{
  @apply text-green-500;
}

.MANGLE__QWERTYUIOPASDFGHJKLZXCVBNM{
  @apply text-yellow-500;
}

.motto {
  @extend %center-flex;
  @apply mt-[40rpx];
  
  align-items: center;
}

.face {
  $r: 24px;

  width: $r;
  height: $r;
  border-radius: 50%;
  margin-right: 10px;

  @apply w-[200%];
}

.powered {
  margin-top: 30px;
  font-size: 11px;
  color: gray;
}

.test {
  @apply flex items-center justify-center h-[100px] w-[100px] rounded-[40px] bg-[#123456] bg-opacity-[0.54] text-[#ffffff]  #{!important};
}
